<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>之嗅交友站-基于兴趣的单身交友平台，结识同好，找到你的臭（xiù）味相投公平，自由，健康，免费</title>
<link href="css/columns.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/public.js"></script>
</head>

<body>

<!--[if lt IE 9]>
<script type="text/javascript" src="js/PIE.js"></script>
<![endif]--> 

<!--header-->
<div class="header">
      <div class="warpper">
            <div class="left"> <a href="#" title="之嗅交友站"><img src="images/small_logo.jpg" width="120" height="39" alt="之嗅交友站" class="logo"/></a> 
            </div>
            <div class="regist">
                  <ul>
                        <li><a href="javascript:void(0)" title="注册">注册</a></li>
                        <li class="login"><a href="javascript:void(0)" title="登陆">登陆</a> </li>
                  </ul>
                  <div class="login_in">
                        <form action="" method="post">
                              <div class="text"> <span>
                                    <label>账号</label>
                                    <input type="text" name="user_name" class="user_name"/>
                                    </span> <span>
                                    <label>密码</label>
                                    <input type="password" name="user_pass" class="user_pass"/>
                                    </span> </div>
                              <div class="action"> <span>
                                    <input type="button" name="submit" class="submit" value="登陆"/>
                                    </span><span>
                                    <input type="checkbox" checked="checked" class="checkbox"/>
                                    </span> <span><a href="#" title="一个月内免登陆">一个月内免登陆</a><a href="#" title="忘记密码？">忘记密码?</a></span> </div>
                        </form>
                  </div>
            </div>
      </div>
</div>

<!--main-->
<div class="warpper">
      <div class="container">
            <div class="register">
                  <h1 class="tit">标签：添加自己的标签，之嗅帮助您找到志同道合的未来伴侣。</h1>
                  <div class="register_box">
                      <div class="label_set">
                              <div class="existing_label"> <strong>现有标签：</strong><span>萝利</span><span>美丽大方</span><span>生活百事通</span><span>爱美主义</span><span>可爱</span><span>电影控</span><span>爱爬山</span><span>喜欢旅游</span><span>爱运动</span><span>在校学生</span><span>美丽大方</span><span>音乐控</span><span>萝利</span><span>喜欢旅游</span><span>爱运动</span><span>爱美主义</span><span>可爱</span><span>生活百事通</span><span>萝利</span><span>喜欢旅游</span><span>爱运动</span><span>爱美主义</span>（双击删除） </div>
                              <div class="add_label"> <strong>添加标签：</strong>
                                    <input type="text" name="add_label" />
                                    <span class="add_but">添加</span> </div>
                              <p style="padding-left:75px;">（以，隔开）</p>
                              <div class="hot_label">
                                    <h2>热门标签：</h2>
                                    <p><strong>体育：</strong><span>足球</span>，<span>篮球</span>，<span>骑行</span></p>
                                    <p><strong>音乐：</strong><span>朋克</span>，<span>金属</span>，<span>摇滚</span>，<span>流行</span>，<span>后朋克</span>，<span>后摇</span></p>
                                    <p><strong>电影：</strong><span>好莱坞</span>，<span>迪士尼</span>，<span>欧美电影</span></p>
                                    <p>（双击添加）</p>
                              </div>
                              <div class="recommend_label">
                                    <h2>推荐标签：</h2>
                                    <p>（测试阶段，暂不开通）</p>
                              </div>
                        </div> 
                        <div class="guide_first"><span class="ctrl_s">保存</span><span class="skip">跳过</span></div> 
                  </div>
            </div>
      </div>
</div>

<!--footer-->
<div class="warpper">
      <div class="footer">
            <div class="bottom">
                  <div class="leftbar">
                        <ul class="left">
                              <li><img src="images/about.jpg" width="22" height="22" align='absmiddle' alt="关于我们"/><a href="#" title="关于我们">关于我们</a></li>
                              <li><img src="images/job.jpg" width="22" height="22" align='absmiddle' alt="工作机会"/><a href="#" title="工作机会">工作机会</a></li>
                              <li><img src="images/pay.jpg" width="22" height="22" align='absmiddle' alt="购买指南"/><a href="#" title="购买指南">购买指南</a></li>
                              <li><img src="images/email.jpg" width="22" height="22" align='absmiddle' alt="联系我们"/><a href="#" title="联系我们">联系我们</a></li>
                              <li><img src="images/media.jpg" width="22" height="22" align='absmiddle' alt="媒体推广"/><a href="#" title="媒体推广">媒体推广</a></li>
                              <li><img src="images/question.jpg" width="22" height="22" align='absmiddle' alt="常见问题"/><a href="#" title="常见问题">常见问题</a></li>
                        </ul>
                  </div>
                  <div class="rightbar">
                        <ul class="right">
                              <li><img src="images/doudou.jpg" width="22" height="22" align='absmiddle' alt="创业故事"/><a href="#" title="创业故事">创业故事</a></li>
                              <li><img src="images/renren.jpg" width="22" height="22" align='absmiddle' alt="人人主页"/><a href="#" title="人人主页">人人主页</a></li>
                              <li><img src="images/QQ.jpg" width="22" height="22" align='absmiddle' alt="QQ群"/><a href="#" title="群：221932163">群：221932163</a></li>
                              <li><img src="images/sina.jpg" width="22" height="22" align='absmiddle' alt="新浪微博"/><a href="#" title="新浪微博">新浪微博</a></li>
                              <li><img src="images/tencent.jpg" width="22" height="22" align='absmiddle' alt="腾讯微博"/><a href="#" title="腾讯微博">腾讯微博</a></li>
                              <li><img src="images/dian.jpg" width="22" height="22" align='absmiddle' alt="名片展示"/><a href="#" title="名片展示">名片展示</a></li>
                        </ul>
                  </div>
            </div>
            <div class="copyright">CopyRight &copy; 2012 EddyCity All Rights Reserved.京ICP证12005349 </div>
      </div>
</div>
</body>
</html>
